<template>
  <ul>
    <li class="list-li" v-for="(item, index) in listData" :key="index">
      <div class="list-cover pic">
        <a :href="`${href}/${item.id}.html`" target="_blank">
          <el-image
            class="lazy-timeout-click"
            :src="item.images || ''"
            :alt="item.title"
            :title="item.title"
            fit="cover"
            style="width: 100%; height: 100%"
            lazy
          ></el-image>
        </a>
      </div>
      <div class="list-content">
        <h2 class="list-content-title">
          <a :href="`${href}/${item.id}.html`" target="_blank" :title="item.title">
            {{ item.title }}
          </a>
        </h2>
        <div class="list-content-desc">
          <a :href="`${href}/${item.id}.html`" target="_blank">
            {{ item.subtitle }}
          </a>
        </div>
        <div class="list-content-attribute">
          <span>类型：{{ item.newsTypeName }}</span>
          <span>发布者：{{ item.publishSource || "✖✖✖✖✖✖✖✖✖✖提供" }}</span>
          <span class="attribute-time">{{ item.nowAddTime }}</span>
        </div>
      </div>
    </li>
  </ul>
</template>

<script>
export default {
  props: ["listData", "href"],
};
</script>

<style></style>